﻿@page
@model IndexModel
@{
    ViewData["Title"] = "首页";
}

<div class="container py-5">
    <!-- 英雄区域 -->
    <div class="text-center mb-5">
        <h1 class="display-4 fw-bold text-primary mb-4">
            基于 OpenIddict 的身份认证中心
        </h1>
        <p class="lead text-muted mb-4" style="max-width: 800px; margin: 0 auto;">
            提供企业级的 OAuth 2.0 和 OpenID Connect 身份认证解决方案，
            支持多客户端集成、安全令牌管理和统一单点登录。
        </p>
        <div class="d-flex justify-content-center gap-3 flex-wrap">
            <a href="/Authenticate" class="btn btn-primary btn-modern btn-lg">
                <i class="bi bi-box-arrow-in-right me-2"></i>开始使用
            </a>
            <a href="https://documentation.openiddict.com/" target="_blank" class="btn btn-outline-secondary btn-modern btn-lg">
                <i class="bi bi-book me-2"></i>查看文档
            </a>
        </div>
    </div>

    <!-- 特性展示 -->
    <div class="row g-4 mb-5">
        <div class="col-12 col-md-6 col-lg-4">
            <div class="feature-card">
                <div class="icon icon-primary">
                    <i class="bi bi-shield-lock"></i>
                </div>
                <h5>安全认证</h5>
                <p>支持 OAuth 2.0、OpenID Connect 等主流协议，采用多层安全防护机制，保障用户身份安全。</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="feature-card">
                <div class="icon icon-success">
                    <i class="bi bi-puzzle"></i>
                </div>
                <h5>灵活集成</h5>
                <p>与 ASP.NET Core、Entity Framework 等技术栈无缝集成，支持快速部署和定制化开发。</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="feature-card">
                <div class="icon icon-info">
                    <i class="bi bi-globe"></i>
                </div>
                <h5>多端支持</h5>
                <p>支持 Web、移动、桌面等多种客户端类型，提供统一的身份认证体验。</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="feature-card">
                <div class="icon icon-warning">
                    <i class="bi bi-sliders"></i>
                </div>
                <h5>精细权限</h5>
                <p>支持 Scope、Claim 等精细化权限控制，满足复杂业务场景的权限管理需求。</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="feature-card">
                <div class="icon icon-danger">
                    <i class="bi bi-graph-up-arrow"></i>
                </div>
                <h5>高可用性</h5>
                <p>支持分布式部署与负载均衡，提供企业级的服务稳定性和可靠性保障。</p>
            </div>
        </div>
        <div class="col-12 col-md-6 col-lg-4">
            <div class="feature-card">
                <div class="icon icon-secondary">
                    <i class="bi bi-code-slash"></i>
                </div>
                <h5>开源可扩展</h5>
                <p>完全开源，支持自定义扩展和个性化配置，让您完全掌控身份认证服务。</p>
            </div>
        </div>
    </div>

    <!-- 技术特性 -->
    <div class="row align-items-center mb-5">
        <div class="col-lg-6">
            <h2 class="display-6 fw-bold mb-4">为什么选择 Net8.Identity？</h2>
            <div class="row g-3">
                <div class="col-12">
                    <div class="d-flex align-items-start">
                        <div class="flex-shrink-0">
                            <div class="icon icon-primary" style="width: 3rem; height: 3rem; font-size: 1rem;">
                                <i class="bi bi-lightning-charge"></i>
                            </div>
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h6 class="fw-bold mb-1">高性能架构</h6>
                            <p class="text-muted mb-0">基于 .NET 8 构建，充分利用最新的性能优化和开发特性。</p>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="d-flex align-items-start">
                        <div class="flex-shrink-0">
                            <div class="icon icon-success" style="width: 3rem; height: 3rem; font-size: 1rem;">
                                <i class="bi bi-award"></i>
                            </div>
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h6 class="fw-bold mb-1">标准协议</h6>
                            <p class="text-muted mb-0">完全遵循 OAuth 2.0 和 OpenID Connect 国际标准，保证兼容性。</p>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="d-flex align-items-start">
                        <div class="flex-shrink-0">
                            <div class="icon icon-info" style="width: 3rem; height: 3rem; font-size: 1rem;">
                                <i class="bi bi-tools"></i>
                            </div>
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h6 class="fw-bold mb-1">开发友好</h6>
                            <p class="text-muted mb-0">丰富的文档、示例代码和强大的社区支持，降低学习成本。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card-modern">
                <div class="card-body">
                    <h5 class="card-title">快速开始</h5>
                    <p class="card-text text-muted">只需几分钟即可搭建一个完整的身份认证服务：</p>
                    <div class="bg-light p-3 rounded">
                        <code class="text-primary">
                            <div>1. 克隆项目仓库</div>
                            <div>2. 配置数据库连接</div>
                            <div>3. 运行 dotnet run</div>
                            <div>4. 访问 https://localhost:5001</div>
                        </code>
                    </div>
                    <div class="mt-3">
                        <small class="text-muted">
                            <i class="bi bi-info-circle me-1"></i>
                            默认测试账户：test1 / 123456
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 行动号召 -->
    <div class="text-center py-5">
        <div class="card-modern" style="background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border: none;">
            <div class="card-body py-5">
                <h3 class="fw-bold mb-3">准备好开始了吗？</h3>
                <p class="lead text-muted mb-4">
                    立即体验 Net8.Identity 的强大功能，构建您的身份认证系统。
                </p>
                <div class="d-flex justify-content-center gap-3 flex-wrap">
                    <a href="/Authenticate" class="btn btn-primary btn-modern btn-lg">
                        <i class="bi bi-rocket-takeoff me-2"></i>立即体验
                    </a>
                    <a href="https://github.com/openiddict/openiddict-core" target="_blank" class="btn btn-outline-secondary btn-modern btn-lg">
                        <i class="bi bi-github me-2"></i>查看源码
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>